$long:1.1;
.main{
    width: 1000px*$long;
    background: rgba(0,0,0,0.4);
    min-height: 520px*$long;
    margin: 0 auto;
    position: relative;
    .formBox{
        width: 450px*$long;
        height: 450px*$long;
        background: #fff;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        ul{
            width: 228px;
            display: flex;
            justify-content: space-between;
            margin: 42px 150px 56px;
            font-size: 26px;
            color: #b1a17d;
            font-weight: 900;
            li{
                padding:0 26px;
                cursor: pointer;
            }
            .bg {
                background-color: #b1a17d;
                color: #fff;
                border-radius: 10px;
            }
    
        }
        .tab{
            width: 495px;
            height: 284px;
            .loginBox{
                display: none;
               input[type = "text"],input[type = "password"]{
                    width: 340px;
                    height: 42px;
                    box-sizing: border-box;
                    padding: 8px;
                    display: block;
                    margin: 50px auto;
                    border: 2px solid #b1a17d;
                    border-radius: 12px;
                }
                input[type = "button"]{
                    width: 340px;
                    height: 42px;
                    border: none;
                    margin: 10px 78px 60px;
                    border-radius: 12px;
                    background: #b1a17d;
                    color: #fff;
                    cursor: pointer;
                }
            }
            .regBox{
                display: none;
                position: relative;
                input[type = "text"],input[type = "password"]{
                    width: 340px;
                    height: 42px;
                    box-sizing: border-box;
                    padding: 8px;
                    display: block;
                    margin: 20px *$long auto;
                    border: 2px solid #b1a17d;
                    border-radius: 12px;
                }
                input[type = "button"]{
                    width: 340px;
                    height: 42px;
                    border: none;
                    margin: 12px 78px 60px;
                    border-radius: 12px;
                    background: #b1a17d;
                    color: #fff;
                    cursor: pointer;
                }
                .hidden{
                    color: #b1a17d;
                    font-size: 20px;
                }
            }
            .show{
                display: block;
            }
        }
        .footBox{
            height: 86px;
            background: #f5f3ef;
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-sizing: border-box;
            padding: 0 30px;
            .icon i{
                font-size: 26px;
                margin-right: 22px;
                color: #999;
            }
            span a{
                font-size: 16px;
                color: #999;
            }
        }
    }
}